<!-- Footer ================================================== -->
<div id="footer">
    <!-- <div class="logo">
        <div>
           
        </div>
    </div> -->
    <div class="ulList">
        <div class="oneBox">
            <div>
                <h3>联系我们</h3>
            </div>
            <div>
                <ul>
                    <li>
                        <span>{$theme_vars.company_name|default='青岛海名国际会展有限公司'}</span>
                    </li>
                    <li>
                        <span>手机：{$theme_vars.phone|default='18353269273'}</span>
                    </li>
                    <li>
                         <span>电话：{$theme_vars.mobile|default='0532-8501-1486'}</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="oneBox">
            <div>
                <h3>主办单位</h3>
            </div>
            <div>
                <div>
                    <ul>
                        <volist name="theme_vars.sponsor" id="vo">
                            <li>
                                <a href="{$vo.href|default=''}">
                                    <span>{$vo.title}</span>
                                </a>
                            </li>
                        </volist>
                    </ul>
                </div>
            </div>
        </div>
        <div class="oneBox">
            <div>
                <h3>支持单位</h3>
            </div>
            <div>
                <ul>
                    <volist name="theme_vars.varArray1" id="vo">
                        <li>
                            <a href="{$vo.href|default=''}">
                                <span>{$vo.title}</span>
                            </a>
                        </li>
                    </volist>
                </ul>
            </div>
           
        </div>
        <div  class="oneBox">
            <div>
                <h3>承办单位</h3>
            </div>
            <div>
                <ul>
                    <volist name="theme_vars.varArray2" id="vo">
                        <li>
                            <a href="{$vo.href |default=''}">
                                <span>{$vo.title}</span>
                            </a>
                        </li>
                    </volist>
                </ul>
            </div>
        </div>
        <div class="oneBox logo">
            <img width="15.625vw" height="2.604vw"
            style="width:15.625vw; height:2.604vw"
            src="http://{$theme_vars.https}/upload/{$theme_vars.varImage}"
            alt="">
            <img  style="margin-top: 1.042vw;width:7.813vw;height: 7.813vw;" src="http://{$theme_vars.https}/upload/{$theme_vars.qrcode}" alt="">
            <span style="margin-top: 1.042vw;">扫码添加官方微信</span>
        </div>
        
    </div>

    <div class="bottom">
        <div class="left">
            <p>Copyright ©2020-<span id="newYear"></span> qdhaiming.com All rights reserved&nbsp; &nbsp;
                &nbsp;
                &nbsp;
                <a href="https://beian.miit.gov.cn/" style="text-decoration: none; color: rgba(255, 255, 255, 0.77);">鲁ICP备11016151号-13</a>
                &nbsp;
                &nbsp;
                <img src="__TMPL__/public/assets/images/police.png" style="width:0.833vw;height:0.833vw" alt="">
                <a href="https://beian.mps.gov.cn/#/query/webSearch" style="text-decoration: none; color: rgba(255, 255, 255, 0.77);">鲁公网安备37020202000667号</a>
                &nbsp;</p>
        </div>
    </div>
</div>

<div id="backtotop">
    <i class="fa fa-arrow-circle-up"></i>
</div>
<script>
    let year = new Date()
    document.getElementById('newYear').innerHTML = year.getFullYear()
</script>
<style>
    #footer {
        width: 100% !important;
        background-color: black;
        padding: 1.042vw 20%;
        /* margin-top: 1.563vw; */

    }

    .logo {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;


    }

    .ulList {
        display: flex;
        color: #FFF;
        margin: 0 auto 4.167vw;
    }

    .oneBox {
        flex: 1;
    }

    .oneBox h3 {
        font-size: 0.938vw;
        font-weight: 600;
        margin-bottom: 1.042vw;
    }

    .ulList ul {
        list-style-type: none;
        padding-inline-start: 0;
    }

    .bottom {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 0.833vw;
        font-weight: 400;
        line-height: 1.458vw
    }

    .left {
        color: rgba(255, 255, 255, 0.77);
        font-family: "Barlow", Microsoft Yahei;
    }

    .ulList ul li {
        height: 1.917vw;
    }

    .ulList ul li a {
        color: rgba(255, 255, 255, 0.77);
        outline: none;
        -moz-outline: none;
    }

    .ulList ul li a:hover {
        text-decoration: none;
        color: #D4A867;
        outline: none
    }

    .oneBox span {
        font-family: "Barlow", Microsoft Yahei;
        font-size: 0.833vw;
        font-weight: 400
    }
</style>